草庐IT

Android Material Design 按钮样式

全部标签

javascript - 刷新后才显示 Facebook 分享按钮

上周我在我的Rails应用程序中添加了Facebook和Twitter分享按钮。我认为它们工作正常,但似乎它们加载不可靠,需要刷新才能显示。我认为这是一个turbolinks问题,因为这些事情经常发生,所以我安装了“jquery-turbolinks”gem。这不是turbolinks问题。环顾四周后,我找到了类似thisone的答案在我的twitter函数末尾添加twttr.widgets.load();解决了这个问题,但我没有得到FB.XFBML.parse();使Facebook分享按钮无需刷新即可加载。在thisFacebook开发页面没有将共享按钮列为可以使用该代码修复的问题

javascript - 使用 'onclick' 和 JavaScript 获取按钮上的 X/Y 坐标

我是一名JavaScript初学者,正在寻找一种在单击按钮时获取按钮上的x和y坐标的方法。这适用于Opera、IE9和Chrome,但我无法让它在Firefox中运行。到目前为止,这是我的代码:JavaScript中的函数:functionbuttonClick(subEvent){varmainEvent=subEvent?subEvent:window.event;alert("Thisbuttonclickoccurredat:X("+mainEvent.screenX+")andY("+mainEvent.screenY+")");}这是HTML部分:这里的想法是仅在单击按钮时

javascript - 使用 :hover javascript 设置样式

我了解到,由于浏览器兼容性,以下方法非常适合设置CSS样式。element.style.cssText="color:red;";我不能做的是使用cssText在:hover和:focusCSS事件上应用样式。我该怎么办?element.style.cssText=":focus{color:red;}";附言不要提及使用javascript事件,例如onmouseover而不是CSS:hover(这不适合我的情况。) 最佳答案 你可以用一些巫毒魔法来做到这一点:varhead=document.getElementsByTagNa

javascript - Ckeditor 在应用样式时添加空段落

我的CKEditor在将样式应用到选定段落时添加了很多不必要的标签我使用以下html启动CKeditor:Hi,thisatext!当我选择段落并使用工具栏应用样式时,CKEditor将我的html格式化为以下格式:  Hi,thisatext!  有什么方法可以阻止CKEditor添加带有不间断空格的段落吗?我已经尝试过将config.fillEmptyBlocks=false;和config.IgnoreEmptyParagraphValue=true;添加到我的配置文件中更新原来这个问题是由样式本身引起的,它是自定义样式。这段代码是问题所在

javascript - 如果我以编程方式选择单选按钮,则调用 change() 事件处理程序

我有这样的HTML:FixedSavingType2和下面的脚本$(function(){$('input[name=type]').change(function(){alert($(this).val());});$('input[value=SV]').attr('checked','checked');});首先,为单选按钮添加了一个更改事件。如果我从UI选择单选按钮,则会触发更改事件处理程序。但是当我以编程方式更改选定的单选按钮值时,它不会触发。我希望在以编程方式选择单选按钮时也触发change事件。 最佳答案 您可以使用

javascript - 除非选中单选按钮,否则如何使复选框变灰?

对javascript很陌生,但如果能帮助我入门,我将不胜感激。我有一个简单的表格:BurgerFrieswiththat?PizzaHotDog除非选中“汉堡”单选按钮,否则我希望“薯条”复选框变灰。我不确定Javascript或CSS是最好的方法。提前致谢! 最佳答案 你想要做的是将元素设置为禁用,直到单选按钮的状态发生变化,这将使用javascript完成,然后你将在单选按钮的onchange中添加/删除禁用的类。您正在考虑使用哪些JavaScript库?jQuery将使这相当简单。$('#burger').change(fu

javascript - 将鼠标悬停在图像上以显示按钮,并且在悬停在实际按钮上时不会触发

我试图让按钮在悬停在图像上时出现。以下作品:jQuery('.show-image').mouseenter(function(){jQuery('.the-buttons').animate({opacity:1},1500);}).mouseout(function(){jQuery('.the-buttons').animate({opacity:0},1500);});但是,当从图像移动到按钮(图像上方)时,会触发mouseout/mouseenter,因此按钮淡出然后淡入(按钮与图像具有相同的类,否则它们保持淡出)。我怎样才能防止它被触发?我还使用jQuery的悬停尝试了上面

c# - colorbox + asp.net 按钮不会回发

我正在使用colorbox模态插件(http://colorpowered.com/colorbox/)我在母版页中有一个简单的表单,由于某种原因我无法获得提交按钮以回发,它根本不执行任何操作。似乎是少数人遇到的问题,但我找不到解决办法。这是我正在玩的一些代码,有什么线索吗?主页中的代码$(document).ready(function(){//ExamplesofhowtoassigntheColorBoxeventtoelements$("a[rel='example1']").colorbox();$("a[rel='example2']").colorbox({transit

javascript - 在 chrome 中为 console.table() 添加样式

我正在用JavaScript构建一个简单的单元测试方法。输出正在控制台中打印。我希望通过的测试行为绿色,失败的测试行为红色(背景或文本)。我知道我可以向console.log()添加样式,但我还没有找到向console.table()添加样式的方法。那么,这有可能吗?如果没有,还有什么替代方案。代码示例:console.table([{status:'failed',function:'Validate.int',asserted:true,result:false},{status:'passed',function:'Validate.float',asserted:true,re

javascript - Webpack 提取文本插件输出 .js 和 .css 文件用于样式条目

对于产品构建,我希望我的webpack配置有两个入口点,一个用于JS,一个用于SCSS,我希望将它们输出到两个单独的文件(一个JS,一个CSS)。但是extract-text-webpack-plugin正在创建两个JS文件和一个CSS文件;即SCSS的入口点正在生成所需的CSS文件和我不需要的JS文件。这个未使用的JS文件只包含webpack样板和//由extract-text-webpack-plugin删除。所以它的工作很好,但仍然创建了这个不必要的文件。我的webpack配置是(显示相关部分):constExtractTextPlugin=require('extract-te